<!--这是设备管理平台的一部分，所有接口都走设备管理平台，用assemblyEquipment的路径-->
<template>
  <div>
    <header class="header">
      <div class="logo" style="text-align: center">俄动力质量系统</div>
    </header>
    <div style="margin-top: 20px">
      <el-avatar :size="110" style="font-size: 15px;color: #0269fa"> {{useName}} </el-avatar>
    </div>
    <div style="margin-top: 10px;font-size: 28px">工序号：OP10</div>
    <div v-if="showMark===1" style="margin-top: 10px;font-size: 28px">您已登记,请同步电话联系责任人</div>
    <div v-if="showMark===0">
      <div>
        <el-button style="margin-top: 20px;width: 100%;height: 50px" type="primary" @click="problemSignIn">车间上报设备问题</el-button>
      </div>
      <div>
        <el-button style="margin-top: 20px;width: 100%;height: 50px" type="info" @click="signIn">我已赶到</el-button>
      </div>
    </div>
    <div>
    </div>
  </div>
</template>

<script>
export default {
  name: "op10Problem",
  data() {
    return {
      //用户权限相关的变量
      useName: '',//用户名称
      useId: '',//用户编号
      usePower: '',//用户权限
      //问题库的变量
      //设备故障用的列表
      faultHistoryList:[
        {
          //主键
          id:0,
          // 故障描述
          describe:'',
          // 故障日期
          date:'',
          // 故障时间（记录故障发生的具体时间）
          timeProblem:'',
          //第一到达时间（记录第一时间到达现场处理的系统时间）
          firstTime:'',
          //第一个到达处理的人
          firstName:'',
          // 故障次数
          number:'',
          // 故障处置人(问题责任人）
          proPer:'',
          //停机时间
          stopTime:'',
          // 原因分析
          reason:'',
          // 整改对策
          method:'',
          // 故障解决人
          metPer:'',
          // 整改完成时间
          metEndTime:'',
          // 横展
          extend:'',
          // 横展完成时间
          extDate:'',
          // 横展负责人
          extPer:'',
          //最后编辑时间
          editTime:'',
          //删除标记位
          deleteSign:1,
          //创建时间
          establishTime:'',
          //修改时间
          updateTime:'',
          //编辑人姓名
          editName:'',
          //问题名称
          problemName:'',
          //关联其他处理信息
          otherInfo:'',
          //车间上报人
          workshopPer:'',
          //车间上报时间
          workshopTime:'',
          //工序号
          op:'',
          //车间名称
          workshop:'',
        }
      ],
      //显示已经上报记录的标记
      showMark:0,
    }
  },
  components: {},
  watch: {},
  methods: {
    //查询用户信息的函数
    inquiry(){
      //输入用户编号，向后端查询信息
      const useId=localStorage.getItem('userName').replace(/"/g, '');
      this.$request.post('/useQueryPower',{
        queryFiledName:'changeModel',
        userId:useId,
      }).then(result=>{
        if (result.code === 401) {
          this.$router.push('phoneLogin')
          alert("您未登录，请登录")
        }else {
          this.useName=result.data.name
          this.usePower=result.data.changeModel
          this.useId=useId
        }
      })
    },
    //辅助函数：获取当前时间，并格式化为YYYY-MM-DD时间格式
    nowDate(){
      const date = new Date();
      // 获取年份（yyyy）
      const year = date.getFullYear();

      // 获取日期（dd），并填充前导零
      const day = String(date.getDate()).padStart(2, '0');

      // 获取月份（MM），并填充前导零
      const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以需要+1

      // 格式化日期为 yyyy-dd-MM
      return `${year}-${month}-${day}`;
    },
    //问题处理签到函数，是向后端插入一个函数，并且点击后，视图变化；车间上报问题用
    problemSignIn(){
      const temp={
        //主键
        id:0,
        //工序号
        op:'OP10',
        // 故障描述
        describe:'',
        // 故障日期
        date:'',
        // 故障时间（记录故障发生的具体时间）
        timeProblem:'',
        //第一到达时间（记录第一时间到达现场处理的系统时间）
        firstTime:'',
        //第一个到达处理的人
        firstName:'',
        // 故障次数
        number:'',
        // 故障处置人(问题责任人）
        proPer:'',
        //停机时间
        stopTime:'',
        // 原因分析
        reason:'',
        // 整改对策
        method:'',
        // 故障解决人
        metPer:'',
        // 整改完成时间
        metEndTime:'',
        // 横展
        extend:'',
        // 横展完成时间
        extDate:'',
        // 横展负责人
        extPer:'',
        //最后编辑时间
        editTime:this.nowDate(),
        //删除标记位
        deleteSign:1,
        //创建时间
        establishTime:'',
        //修改时间
        updateTime:'',
        //编辑人姓名
        editName:'',
        //问题名称
        problemName:'',
        //关联其他处理信息
        otherInfo:'',
        //车间上报人
        workshopPer:this.useName,
        //车间上报时间
        workshopTime:this.nowDate(),
      }
      //向后端发送请求
      this.$request.post('assemblyEquipmentFaultHistoryInsert',temp).then(result=>{
        if (result.code === 401) {
          this.$router.push('phoneLogin')
          alert("您未登录，请登录")
        }else {
          this.$message('插入成功')
        }
      })
      this.showMark=1
    },
    //到达现场人员进行处理，是签到时间
    signIn(){
      //向后端筛选出当前本序无人处理的问题,后端是筛选本序，得到本序所有的没有设备人员的数据。
      let temp=this.$request.post('/assemblyEquipmentFaultHistoryFirstReach',{
        op:'OP10',
      })
      console.log(temp)
    }
  },
  mounted() {
    this.inquiry()
  },
}
</script>

<style scoped>
.header {
  padding: 15px;
  background-color: #2c3e50;
  color: white;
  top: 0;
  left: 0;
  width: 100%;
}

.header .logo {
  font-size: 18px;
  font-weight: bold;
  color: #ecf0f1;
}
</style>